<script>
import TestItem from './TestItem'

export default {

  name: 'TestList',
  components: {
    TestItem,
  },
  props: {
    todoList: Array,
  }
}

</script>

<template>
  <div class="TestList">
    <TestItem v-for="(todo) in todoList" :key="todo.id" :todo="todo"/>
  </div>
</template>

<style scoped>
.TestList {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border: 1px #ccc solid;
  padding: 10px;
  background-color: #ffffff;
}
</style>